import { reactive, ref, onMounted, onUnmounted } from 'vue';
import *  as util from '@/utils'
import { ElMessage, ElMessageBox } from 'element-plus'

export default function (cfg = {}) {
  const 父项 = cfg.父项
  const 单项组 = cfg.单项组

  // const 单项组 = reactive([])
  // const 单项组 = 父项.单项.skus
  let 拟删除子表ids = []
  拟删除子表ids = 父项.拟删除子表ids

  const 单项模板 = {}
  util.合并设置(cfg, 单项模板, "单项模板")
  // if (cfg.单项模板) {
  //   Object.assign(单项模板, cfg.单项模板)
  // }

  function 加一行() {
    单项组.unshift(util.深拷贝(单项模板))
  }

  const 删行 = (row) => {
    // const index = 单项组.indexOf(row);
    // if (index !== -1) 单项组.splice(index, 1);
    let id = row.id
    util.删除元素(单项组, row)
    if (id) {
      // 拟删除子表ids[id] = ''
      util.添加非重复元素(拟删除子表ids, id)
    }
    console.log(`拟删除子表ids 👉`, 拟删除子表ids)
  }

  return {
    删行,
    加一行,
    拟删除子表ids,
    单项组,
    // 初始化
  }
}